.container {
    display: flex;
    gap: @padding-middle;
    padding: @padding-middle;
    border-top: 1px solid rgb(228, 230, 235);
    cursor: pointer;
    &:hover{
        background-color: #f7f8fa;
    }
    .left {
        color: rgb(138, 145, 159);
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 1;

        .title {
            font-weight: 600;
            font-size: 16px;
            color: #252933;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }

        .desc {
            //超出省略
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;

        }
        .otherContainer{
            display: flex;
            justify-content: space-between;
            align-items: center;
            .metaContainer{
                display: flex;
                gap: @padding-middle;
                .numberInfo{
                    display: flex;
                    gap:4px;
                }
            }
            .tagContainer{

            }
        }
    }

    .image {
        width: 108px;
        height: 72px;
    }
}